<!-- 创建项目 -->
<template>
<devArticle>
<Card :bordered="false">
				<p slot="title">创建项目</p>
				<p>
					<table width='100%' border="1"  cellspacing="0" cellpadding="0">
						<tr>
							<th colspan="4">
								项目基本信息表
							</th>
						</tr>
						<tr>
							<td width="25%">
								项目编号
							</td>
							<td colspan="3">
								00000
							</td>
						</tr>
						<tr>
							<td width="25%">
								项目名称
							</td>
							<td colspan="3">

							</td>
						</tr>
						<tr>
							<td width="25%">
								建设单位
							</td>
							<td colspan="3">

							</td>
						</tr>
						<tr>
							<td width="25%">
								法人
							</td>
							<td >

							</td>
							<td width="25%">
								联系人
							</td>
							<td>

							</td>
						</tr>
						<tr>
							<td width="25%">
								通讯地址
							</td>
							<td colspan="3">
								<Row>
									<Col span="4">
										<Select v-model="model1" >
											<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
										</Select>
									</Col>
									<Col span="4">
										<Select v-model="model1">
											<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
										</Select>
									</Col>
									<Col span="4">
										<Select v-model="model1">
											<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
										</Select>
									</Col>
									<Col span="10" offset="2">
										<Input v-model="value" placeholder="详细地址"/>
									</Col>
								</Row>
							</td>
						</tr>
						<tr>
							<td width="25%">
								联系电话
							</td>
							<td >

							</td>
							<td width="25%">
								邮政编码
							</td>
							<td>

							</td>
						</tr>
						<tr>
							<td width="25%">
								项目编号
							</td>
							<td colspan="3">
								 <CheckboxGroup v-model="social">
									<Checkbox label="twitter">
										<Icon type="logo-twitter"></Icon>
										<span>Twitter</span>
									</Checkbox>
									<Checkbox label="facebook">
										<Icon type="logo-facebook"></Icon>
										<span>Facebook</span>
									</Checkbox>
									<Checkbox label="github">
										<Icon type="logo-github"></Icon>
										<span>Github</span>
									</Checkbox>
									<Checkbox label="snapchat">
										<Icon type="logo-snapchat"></Icon>
										<span>Snapchat</span>
									</Checkbox>
								</CheckboxGroup>

							</td>
						</tr>
						<tr>
							<td width="25%">
								占地面积(平方米)
							</td>
							<td >

							</td>
							<td width="25%">
								绿化面积(平方米)
							</td>
							<td>

							</td>
						</tr>
						<tr>
							<td width="25%">
								总投资(万元)
							</td>
							<td >

							</td>
							<td width="25%">
								环评合同额（万元）
							</td>
							<td>

							</td>
						</tr>
						<tr>
							<td width="25%">
								产品名称
							</td>
							<td >

							</td>
							<td width="25%">
								生产规模
							</td>
							<td>

							</td>
						</tr>
					</table>
					<Row style="padding:20px 0">
						<Col span="4">
							<Button type="primary">打印</Button>
						</Col>
						<Col span="20" style="text-align:right">
							<Button  type="primary">保存</Button>
							<Button @click="todataCollection" type="primary">提交</Button>
						</Col>
					</Row>
				</p>
			</Card>
</devArticle>	
</template>
<script>
	export default {
  data() {
    return {
      value: "",
      social: ["facebook", "github"],
      fruit: ["苹果"],
      cityList: [
        {
          value: "New York",
          label: "New York"
        },
        {
          value: "London",
          label: "London"
        },
        {
          value: "Sydney",
          label: "Sydney"
        },
        {
          value: "Ottawa",
          label: "Ottawa"
        },
        {
          value: "Paris",
          label: "Paris"
        },
        {
          value: "Canberra",
          label: "Canberra"
        }
      ],
      model1: ""
    };
  },
  methods:{
    todataCollection(){
      this.$router.push('/My/dataCollection')
    }
  }
};
</script>
<style lang="less" src="./card.less">
	
</style>